<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>内联文本语义</title>
    </head>
    <body>

        <nav>
            <a href="http://www.baidu.com:80/index.html" target="_self">百度</a>
            <a href="http://www.so.com" target="_blank">360</a>
        </nav>

        <main style="border: 1px solid blue;">
            古之学者必有师。
            <br>
            <u>师者</u>，所以<b>传道</b><i>受业</i><s>解惑</s>也。
            <br>
            <q>人非生而知之者，<em>孰能无惑？</em></q>
            <br>
            惑而不从师，其为惑也，终不解矣。 
            <br>
            <span style="border: 1px solid red ;">生乎吾前，其闻道也固先乎吾，吾从而师之；</span>
            <br>
            <strong>生乎吾后，其闻道也亦先乎吾，吾从而师之。</strong>
            吾师道也，夫庸知其年之先后生于吾乎？ 是故无贵无贱，无长无少，道之所存，师之所存也。
        </main>

        <!-- 锚点 -->
        <a name="first">故意显示个文字</a>
        <footer>
            <b>a</b>
            <sup>3</sup>
            <span>+</span>
            <b>b</b>
            <sup>3</sup>
            <span>+</span>
            <b>c</b>
            <sup>3</sup>
            <span>=</span>
            <b>d</b>
        </footer>

        <footer>
            <b>a<sub>1</sub></b>
            <sup>2</sup>
            <span>+</span>
            <b>a<sub>2</sub></b>
            <sup>2</sup>
            <span>=</span>
            <b>a<sub>3</sub></b>
            <sup>2</sup>
        </footer>

        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

        <a href="#first">返回</a>
        <!-- 锚点链接 -->
        <a href="inline-text-semantics.html#first">返回</a>
    </body>
</html>